<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="Pragma" content="no-cache" />
		<meta http-equiv="Cache-Control" content="no-cache" />
		<meta http-equiv="Expires" content="0" />
		<title>品质从此无忧-麦丰网</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<link rel="stylesheet" href="/app/styles/base.css">
		<script type="text/javascript" src="/common/js/zepto.js"></script>
		<script type="text/javascript" src="/app/scripts/common_lib.js"></script>
<style type="text/css">
.div-header {
	width: 100%;
	height: 45px;
	color: #FFF;
	margin: 0 auto;
	line-height: 45px;
	text-align: left;
	background: url(/mobile/images/red_bg.jpg) repeat;
}

#name{ 
	font-size:18px; 
	line-height:45px; 
	padding-left:0px; 
	margin-left:0px;
	width:200px; 
	height:45px; 
	float:left;
	padding-left: 10px;
}

#user{
	background:url(images/user_white.png) no-repeat center;
	width:32px; 
	height:45px; 
	float:right;
	
}

ul,li{list-style:none; padding: 0;margin: 0;}

.div-content {
	width: 100%;
	max-width: 330px;
	margin: 0 auto;
}

.div-section {
	background-color: #FFF;
	text-align: left;
	padding: 8px;
	margin-top: 8px;
}
.bitButton1{ margin-top:10px;border:0;width:100%; height:40px; font-size:18px; font-weight:bold; background:url(images/button_bg3.jpg) repeat; color:#FFFFFF; line-height:28px; text-align:center;}

p{
	text-align: justify;
	text-justify:inter-ideograph;
	line-height: 20px;
	text-indent: 25px;
	padding-bottom: 8px;
}

.site_name {
	color: #ff3f40;
}

</style>		
</head>

<body>
	<div class="div-header">
		<ul>
			<li id="name">关于我们</li>
			<li id="user" onclick="location.href='/'"></li>
		</ul>
	</div>
	
	<div class = "div-content">
		<div class="div-section" style="font-size: 15px;">
			<table width="100%" border="0"  cellspacing="5" cellpadding="0">
				<tr>
					<td style="padding-top: 10px;padding-bottom: 10px;"><h1 style="font-size: 16px;font-weight: bold;text-align: left;">网站简介</h1></td>
				</tr>
				<tr>
					<td><p>“<span class="site_name"></span>”是一家提供<span style="color: #f00;border-bottom: 1px #f00 dashed;">品质生活体验和优品选购服务</span>的社区型网站，是"<span class="company_name"></span>"旗下的电商品牌。</p></td>
				</tr>
				<tr>
					<td>
						<p>互联网购物毫无疑问地成为了当下的时尚，微生活、微消费、方便又快捷，越来越多的人们倾向于网络购物。然而，网络上流通的商品质量依据匮乏、虚假信息泛滥、销售者资质无保障的弊端不断侵扰着消费者美好的购物体验，诸多问题越来越为消费者所诟病。</p>
					</td>
				</tr>
				<tr>
					<td>
						<p>为了人们能放心的购物，买到自己想要的正品，享受有品质的生活，“<span class="site_name"></span>”于2014年9月破茧而出。我们坚决抵制假冒伪劣，坚持走正品真品之路，所有线上商品完全自营，通过遍布全球的服务网络和满足客户需求、提高客户体验的运营理念，为我们的消费者提供最专业、最大气、最有档次的商品和服务。</p>
					</td>
				</tr>
				<tr>
					<td>
						<p>我们承诺：</p>
					</td>
				</tr>
				<tr>
					<td>
						<p>所有商品均采购于品牌厂商、专柜或专卖店，绝对正品，支持全球验货。</p>
					</td>
				</tr>
			</table>
		</div>
		<div class="div-section" style="font-size: 15px;">
			<table width="100%" border="0"  cellspacing="5" cellpadding="0">
				<tr>
					<td style="padding-top: 10px;padding-bottom: 10px;"><h1 style="font-size: 16px;font-weight: bold;text-align: left;">愿景使命</h1></td>
				</tr>
				<tr>
					<td><p>通过内容丰富、界面美观和操作便捷的移动客户端网站(<span style="color: #f00;">m.haitaojx.com</span>)，以富有竞争力的价格，提供种类丰富及品质卓越的商品和服务，带给消费者愉悦的购物体验。
					</p></td>
				</tr>
				<tr style="display: none;">
					<td><p>愿景：金杯银杯不如客户的口碑。我们坚持口碑营销，如果您在我们网站有过购物体验并且对我们的服务感到满意，请为我们代言。
					</p></td>
				</tr>
			</table>
		</div>
		<div class="div-section" style="font-size: 15px;margin-bottom: 7px;">
			<table width="100%" border="0"  cellspacing="5" cellpadding="0">
				<tr>
					<td style="padding-top: 10px;padding-bottom: 10px;"><h1 style="font-size: 16px;font-weight: bold;text-align: left;">运营宗旨</h1></td>
				</tr>
				<tr>
					<td><p>专业选购、品质保证、商品丰富、价格亲民</p></td>
				</tr>
			</table>
		</div>
	</div>
	
	<footer>
		<div class="footerWrap">
			<iframe src="/mobile/footer.html" style="padding: 0;margin: 0;width: 100%;height: 100%;" width="100%" height="100%" scrolling="no" frameborder="0"></iframe>
		</div>
	</footer>
	<div style="height: 50px;"></div>
	
	<div class="bottom">
		<div class="bottomWrap">
			<iframe src="/mobile/bottom.html" style="padding: 0;margin: 0;width: 100%;height: 100%;" width="100%" height="100%" scrolling="no" frameborder="0"></iframe>
		</div>
	</div>
</body>
<script type="text/javascript">
	$(document).ready(function() {
		cjl.getTitle();
		getSiteInfo();
	});
	
	function getSiteInfo() {
		var url = "/common/aboutus";
		cjl.get(url, {}, function(body){
			var aboutUs = body;
			$(".site_name").text(aboutUs.site_name);
			$(".company_name").text(aboutUs.company_name);
		});
	}

</script>
</html>
